$(function() {
  var pages = 1;
  var pageSize = 3;
  function refresh() {
    $.ajax({
      type: "get",
      url: "/category/queryTopCategoryPaging",
      data: {
        page: pages,
        pageSize: pageSize
      },
      dataType: "json",
      success: function(res) {
        console.log(res);
        $("tbody").html(template("tmp", res));
        paging(res.total);
      }
    });
  }
  refresh();

  function paging(total) {
    $("#paginator").bootstrapPaginator({
      bootstrapMajorVersion: 3, //默认是2，如果是bootstrap3版本，这个参数必填
      currentPage: pages, //当前页
      totalPages: Math.ceil(total / pageSize), //总页数
      size: "small", //设置控件的大小，mini, small, normal,large
      onPageClicked: function(event, originalEvent, type, page) {
        //为按钮绑定点击事件 page:当前点击的按钮值
        pages = page;
        refresh();
      }
    });
  }

  //校验
  //使用表单校验插件
  $(".add-form").bootstrapValidator({
    //1. 指定不校验的类型，默认为[':disabled', ':hidden', ':not(:visible)'],可以不设置
    excluded: [":disabled", ":hidden", ":not(:visible)"],

    //2. 指定校验时的图标显示，默认是bootstrap风格
    feedbackIcons: {
      valid: "glyphicon glyphicon-ok",
      invalid: "glyphicon glyphicon-remove",
      validating: "glyphicon glyphicon-refresh"
    },

    //3. 指定校验字段
    fields: {
      //校验用户名，对应name表单的name属性
      categoryName: {
        validators: {
          //不能为空
          notEmpty: {
            message: "请输入一级分类名称"
          }
        }
      }
    }
  });
  // 点击添加按钮向  或取 文本框中的内容 值发送到后台
  $(".add-form").on("success.form.bv", function(e) {
    //阻止浏览器默认行为
    e.preventDefault();

    var str = $(".add-form").serialize();
    $.ajax({
      type: "post",
      url: "/category/addTopCategory",
      data: str,
      dataType: "json",
      success: function(res) {
        refresh();
        $(".modal-add").modal("hide");
        $(".add-form")
          .data("bootstrapValidator")
          .resetForm(true);
      }
    });
  });
});
